import {
  mapGetters
} from 'vuex'

export default {
  computed: {
    // 调用mapState方法,把m_cart模块投射到当前页面中,作为计算属性来使用
    ...mapGetters('m_cart', ['total']),
  },
  watch: {
    //监听total值的变化
    total() {
      this.setBadge()
    }
  },
  onShow() {
    //在页面刚展示时就设置数字徽标
    this.setBadge()
  },

  methods: {
    setBadge() {
      //调用uni.setTabBarBadge()方法，为购物车设置数字徽标
      uni.setTabBarBadge({
        // 索引
        index: 2,
        //text的值为字符串，不能是数字
        text: this.total + ''
      })
    }
  }
}